export const theme = {
  transition: `.35s ease-in-out`,
  clickActiveAnimation: `
    scale: 1;
    &:active {
      scale: .9;
      filter: contrast(160%);
    }
    transition: scale .1s ease-in-out;
  `,
  disabledStyle: `
    cursor: not - allowed;
    opacity: 0.5 !
    important;
    pointer-events: none;
    transition: opacity
    $transition;
  `,
  displayOneLine: `
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  `,
  displayMultiline: `
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $lines;
  `,
};
